<template>
  <div class="container">
    <HomeCategory />
    <HomeBanner />
  </div>
  <HomeNew />
  <HomeHot />
  <homeProduct />
</template>
<script setup lang="ts" name="Home">
import { ref, reactive } from "vue"

import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import homeProduct from './components/HomeProduct.vue'
</script>
<style lang="scss" scoped>
.container {
  width: 1240px;
  margin: 0 auto;
  position: relative;
}
</style>
